<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="./echarts.min.js"></script>
    <script src="./jquery.js"></script>
    <script src="./tesseract/tesseract.min.js"></script>
    <script src="./jsplumn.js"></script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
      <div id="appLoading">
        <div class="spinner">
          <div class="rect1"></div>
          <div class="rect2"></div>
          <div class="rect3"></div>
          <div class="rect4"></div>
        </div>
      </div>
      <style type="text/css">
        #appLoading{
          width: 100%;
          height: 100%;
        }
        .spinner{
          position: absolute;
          top: 50%;
          left: 50%;
          width: 40px;
          height: 40px;
          transform: translate(-50%, -50%);
          display: flex;
          justify-content: space-around;
        }
        .spinner > div{
          background-color: #155bd4;
          height: 100%;
          width: 6px;
          display: inline-block;
          -webkit-animation: sk-move 1.2s infinite ease-in-out;
          animation: sk-move 1.2s infinite ease-in-out;
        }
        .spinner .rect2{
          animation-delay: -1.1s;
        }
        .spinner .rect3{
          animation-delay: -1s;
        }
        .spinner .rect4{
          animation-delay: -0.9s;
        }
        @keyframes sk-move{
          0%, 40%, 100%{
            transform: scaleY(0.6);
            -webkit-transform: scaleY(0.6);
          }
          20%{
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
          }
        }
      </style>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
